<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script src="../client/js/jquery-3.2.1.js" type="text/javascript"></script>
    <style>
        body {
            padding:20px;
        }
        #console {
            height: 400px;
            overflow: auto;
        }
        .username-msg {color:orange;}
        .connect-msg {color:green;}
        .disconnect-msg {color:red;}
        .send-msg {color:#888}
    </style>
</head>
<body>
<h1>Netty-socketio聊天室练习</h1>
<br/>
<div id="console" class="well">
</div>
<form class="well form-inline" onsubmit="return false;">
    <input id="name" class="input-xlarge" type="text" placeholder="用户名称..."/>
    <button type="button" onClick="Chat.initialize($('#name').val())" class="btn">连接</button><br>
    <input id="msg" class="input-xlarge" type="text" placeholder="发送内容..."/>
    <button type="button" onClick="Chat.sendGroupMessage()" class="btn">发送</button>
    <button type="button" onClick="Chat.sendDisconnect()" class="btn">断开连接</button>
</form>
</body>
<script type="text/javascript" src="../client/js/messageHander.js"></script>
</html>